<template>
  <div class="leftpanel">
    <div class="top">
      <overall-overview></overall-overview>
      <activity-trends></activity-trends>
    </div>
    <div class="bottom">
      <type-statistics></type-statistics>
    </div>
    <activity-dialog></activity-dialog>
  </div>
</template>
<script setup>
import OverallOverview from '../components/OverallOverview.vue'
import ActivityTrends from '../components/ActivityTrends.vue'
import TypeStatistics from '../components/TypeStatistics.vue'
import ActivityDialog from '../components/ActivityDialog.vue'
</script>
<style scoped lang="scss">
.leftpanel {
  .top {
    // height: 411px;
    // background-color: red;
    display: flex;
    justify-content: space-between;
  }
  .bottom {
    // height: 478px;
    // background-color: blue;
  }
}
</style>
